<!--[if !IE]><!--><script type='text/javascript' src='page/slide/scripts/jquery.mobile-1.0rc2.customized.min.js'></script><!--<![endif]-->
<script type='text/javascript' src='page/slide/scripts/jquery.easing.1.3.js'></script> 
<script type='text/javascript' src='page/slide/scripts/jquery.hoverIntent.minified.js'></script> 
<script type='text/javascript' src='page/slide/scripts/diapo.js'></script> 

<script>
$(function(){
	$('.pix_diapo').diapo();
});

</script>

<style type="text/css">

section {
	display: block;
	overflow: hidden;
	position: relative;
	margin:0px 0px;
}


.pix_diapo {
	background: #000;
	height: 250px;
	margin: 0px 0px;
	overflow: hidden;
	position: relative;
	width: 600px;
    margin:0px 0px;
    padding:0px 0px;
}
.pix_diapo > div {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
    margin:0px 0px;
    padding:0px 0px;
}
#pix_prev, #pix_next {
	cursor: pointer;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 1001;
}
#pix_prev {
	background: url(page/slide/images/diapo/prev.png) no-repeat;
	left: 10px;
}
#pix_next {
	background: url(page/slide/images/diapo/next.png) no-repeat;
	left: auto!important;
	right: 10px!important;
}
.pix_relativize {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.elemHover {
	position: absolute;
}

.caption {
	background: rgba(0, 0, 0, 0.8);
    .filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)\9;
	bottom: 20px;
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 20px;
	width: 600px;
}
.ui-loader {
	display: none;
}


</style>
 

    <section> 
    
    	<div style="overflow:hidden; width:600px; margin: 10px 0px 0px 0px; padding:0px 0px;"> 
                <div class="pix_diapo">

					<!--
                    <div data-thumb="http://phongcachmoi.vn/jquery/diapo-v101/1.jpg">
                        <img src="http://phongcachmoi.vn/jquery/diapo-v101/1.jpg"/>
                        <div class="caption elemHover fromLeft">
                            Sàn điện tử Mua Hết - Website: <a href="http://muahet.vn" style="color: white;">www.muahet.vn</a>
                        </div>
                    </div>
                    <div data-thumb="page/slide/images/thumbs/ratatouille2.jpg">
                        <img src="page/slide/images/slides/ratatouille2.jpg">
                    </div>
					-->
					
					<?php
						$query = mysql_query(" SELECT name,url FROM picture WHERE url != '' ");
						if(mysql_num_rows($query) > 0)
						{
							while($row = mysql_fetch_array($query))
							{
								echo "<div data-thumb='img/slide_images/".$row['url']."'>  ";
									echo "<img src='img/slide_images/".$row['url']."' width=600 height=300 /> ";
								echo "</div>";
							}
						}
					?>
                    
               </div><!-- #pix_diapo -->
                
        </div>

</section> 
 <script type="text/javascript">
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-9745065-19']);
	  _gaq.push(['_trackPageview']);

	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
</script>